Flutter for Web介绍

如何评价 Flutter for Web?

针对 Web 的 Flutter 框架的技术预览版:https://flutter.dev/web
Github 仓库:https://https://github.com/flutter/flutter_webter_web
示例程序:https://https://flutter.github.io/samples/

Flutter for Web架构图

https://dart.dev/tutorials/web/get-started

image.png
image.png

1.安装 Dart

1
2
$ pub global activate webdev
$ pub global activate stagehand

2.安装 webdevstagehand:

Stagehand- A Dart project generator

1
2
$ pub global activate webdev
$ pub global activate stagehand

3.创建一个wep app

1
2
3
4
mkdir quickstart
cd quickstart
stagehand web-simple
pub get 获取包

4.运行app

1
2
webdev serve
webdev serve --auto restart 加入了热重新加载

如果觉得webdev serve –auto restart 太麻烦,可以尝试 flutter pub global run webdev serve –auto restart

image.png

5.打包发布

1
webdev build

flutter项目和flutter web项目的不同

image.png
image.png
s/